<template>
  <el-button class="third_button" :loading="loading">
    <i :class="'iconfont ' + icon"></i>
    {{ label }}
  </el-button>
</template>
<script setup>
defineProps({
  label: {
    default: '',
    required: false
  },
  icon: {
    default: '',
    required: false
  },
  loading: {
    defalut: false
  }
})
</script>
<style lang="scss">
.el-button:hover,
.el-button:focus {
  color: #5a5e66;
  border-color: #dcdfe6;
  background-color: #fff;

  &.el-button--primary {
    color: #fff;
    &:hover,
    &:focus {
      color: #fff;
      border-color: var(--color-primary);
      background-color: var(--color-primary);
    }
  }
}
</style>
